<script lang="ts">
	import { KScrollbar } from '@ikun-ui/scrollbar';
</script>

<KScrollbar
	css="height: 300px; padding-right: 8px"
	width="8px"
	thumbBackground="rgba(255, 62, 0, 0.38)"
	trackBackground="rgba(255, 62, 0, 0.06)"
>
	<div class="h-100px my-2 rounded fcc bg-orange-200">Title 1</div>
	<div class="h-100px my-2 rounded fcc bg-orange-100">Title 2</div>
	<div class="h-100px my-2 rounded fcc bg-orange-200">Title 3</div>
	<div class="h-100px my-2 rounded fcc bg-orange-100">Title 4</div>
	<div class="h-100px my-2 rounded fcc bg-orange-200">Title 5</div>
	<div class="h-100px my-2 rounded fcc bg-orange-100">Title 6</div>
	<div class="h-100px my-2 rounded fcc bg-orange-200">Title 7</div>
	<div class="h-100px my-2 rounded fcc bg-orange-100">Title 8</div>
</KScrollbar>
